/*alex*/

table#rooms{
	width: 100%;
	display: table;
	background-color: white;
} 

#infoMsg{
	color: red;
}

.invalidRoom{
	border-width: 6px;
	border-color: red;
	border-style: groove;
}

#playerName{
	font-style: italic; 
	font-weight: bold;
	color: green;
	font-size: larger;
} 

.validRoom{
	border-width: 6px;
	border-color: fuchsia;
	border-style: double;
}

#statusLabel{
	color:red;
	background-color: white;
}

.roomContent{
	border-width: 1;
	border: 1;
	border-color: green;
	border-style: double;
	vertical-align: top;
}

.playersList{
	border-width: 1;
	border: 1;
	border-color: green;
	border-style: double;
	vertical-align: top;
	background-color: white;
}

/*alex*/
body {
    text-align: center; 
    font-weight: bold;
    background-image: url("../images/cluecover3.jpg");
}

.full{
	width:100%;
}

.fullYellow{
	width:100%;
	background-color: aqua;
}

.half{
	width:50%;
}

h1 {
    margin-bottom: 5px;
}

h2 {
    margin-bottom: 10px;
}

#mainTitle {
    font-family: "Times New Roman", Times, serif;
    font-size: 40px;
}

#playersSection {
    margin: 10px auto;
    list-style-type: none;
    text-align:center;
    
}

#infoTable{
	background-color: white;
}

#actionPanel {  
	background-color: white;
	align: center;
	text-align: center;
	border: 1px; 
    margin: 20% 10%;
    border-style: double;
    border-color: purple;
    border-width: 1px;
    -webkit-border-radius: 10px;
    padding-left:6px; 
    float: left;
}

#infoMessage {
width: 350px;
height: 60px;
overflow: auto
}

#infoMessage {
	color: blue;
}

dt {
    margin-top:10px;
}

.playerSection dt {
    margin-top: auto;
    float: left;
}

.playerSection > dt > label {
    display: block;
    margin-bottom: 5px;
}

#submitDT {
    clear:both;
}

.playerSection {
	background-color: white;
    border: 1px;
    min-width: 15%;
    max-width: 20%;
    margin: 20px 10px;
    border-style: double;
    border-color: green; 
    border-width: 1px;
    -webkit-border-radius: 10px;
    padding-left:6px;
    float: left;

}
  
#playerPanel{
	border: 1px;
    border-style: double;
    border-color: red;
    border-width: 1px;
    float: left;
} 

#submitButton {
    margin-top: 12px;
}

#submitDT {
    clear:both;
}

